Element UI样式修改之NavMenu导航菜单箭头样式修改 您所在的位置:网站首页 element ui菜单 子菜单右边展开 Element UI样式修改之NavMenu导航菜单箭头样式修改

Element UI样式修改之NavMenu导航菜单箭头样式修改

2024-07-18 02:44| 来源: 网络整理| 查看: 265

UI设计稿给的菜单箭头样式可能与我们饿了么组件NavMenu的菜单箭头样式不一致,目前我们侧边导航菜单的上下翻转箭头如下所示: 在这里插入图片描述 希望得到如下的结果: 在这里插入图片描述 找到饿了么Icon里我们想要向下箭头,F12后复制content内容content: “\e790”;

content: "\e790";

在这里插入图片描述 然后将默认的content: “\E6DF”;替换成content: “\e790”;就好了,在vscode里搜索替换即可 在这里插入图片描述 最后在侧边栏菜单组件里的style中,添加以下穿透样式代码,即可达到我们想要的效果:



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有